<template>
<h1>开关组件</h1>
  <el-switch v-model="value1"/>
  <el-switch
      v-model="value2"
      class="ml-2"
      style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
  />
  <el-switch v-model="value3" :active-value="1" :inactive-value="0"></el-switch>
  <el-switch v-model="value4" active-value="1" inactive-value="0"></el-switch>
  <el-switch v-model="isShow"></el-switch>
  <hr>
  <img src="抽象埋.jpg" width="200" v-if="isShow">
</template>
<script setup>
import {ref} from "vue";

const value1=ref(true);
const value2=ref(true);
const value3=ref(0);
const value4=ref('1');
const isShow=ref(true);
</script>


<style scoped>

</style>